/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */

import React, { Component } from 'react';
import {
  Platform,
  StyleSheet,
  // Text,
  View
} from 'react-native';

import { Text, Image, ItemX, Hand, ItemY, TouchLight, Page, Content } from '../../../library';

export default class App extends Component {
  render() {
    return (

        <Page>
            <Content>

                <View>
                    <ItemX h="200" bg="#222222">
                        <ItemX f="1" h="140" y="center">
                            <Image
                                mx="15"
                                h="80"
                                w="80"
                                ra="100"
                                source={ require('../../../assets/normaltop.png') }
                            />
                            <ItemY>
                                <Text color="white" size="20" lh="30">名字</Text>
                                <Text color="white" size="16" lh="30">100积分</Text>
                            </ItemY>
                        </ItemX>
                    </ItemX>
                    
                    <ItemY x="center" bg="white" pt="40" pb="40" rt="50" mt="-50">
                        <Hand>
                            <Image
                                f="0.8"
                                h="140"
                                source={ require('../../../assets/normaltop.png') }
                                resizeMode="contain"
                            />
                        </Hand>
                        <Hand pt="20">
                            <TouchLight bg="#E2BE70" px="20" py="10" ra="20">
                                <Text color="white" size="20">补充资料赚积分升级VIP</Text>
                            </TouchLight>
                        </Hand>
                    </ItemY>
                    
                    <ItemY bg="white" top="5" pb="40">
                        <ItemY>
                            <Text ml="40" lh="50" size="18" bold color="#444">VIP特权</Text>
                        </ItemY>

                        <ItemY x="center">
                            <Hand>
                                <Image
                                    ml="40"
                                    f="0.8"
                                    h="180"
                                    source={ require('../../../assets/normalbuttom.png') }
                                    resizeMode="contain"
                                />
                            </Hand>
                        </ItemY>

                    </ItemY>

                </View>


            </Content>

        </Page>

    );
  }
}
